<template>
  <div class="box">
    <el-form :inline="true" label-width="80px">
      <el-form-item label="标签名称">
        <el-input placeholder="请输入"></el-input>
      </el-form-item>
      <!-- <el-form-item label="城市">
      <el-select  placeholder="请选择">
          <el-option ></el-option>
        </el-select>

      </el-form-item>
      <el-form-item label="地区">
        <el-select  placeholder="请选择">
          <el-option  ></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="企业名称">
        <el-input ></el-input>
      </el-form-item>
      <el-form-item label="状态" >
        <el-select  placeholder="请选择">
          <el-option></el-option>
        </el-select> -->
      <!-- </el-form-item> -->

      <el-form-item>
        <el-button  >清除</el-button>
    <el-button type="primary" @click="onSearch">搜索</el-button>
  </el-form-item>
  <el-button type="success" icon="el-icon-edit" >新增用户</el-button>
    </el-form>
    <el-alert
   :closable="false"
    type="info"
    show-icon>
    共2条记录
  </el-alert>
  <el-table style="width: 100%">
    <el-table-column label="序号" type="index" width="50"></el-table-column>
    <el-table-column label="企业编号"></el-table-column>
    <el-table-column label="企业简称"></el-table-column>
    <el-table-column label="标签"></el-table-column>
    <el-table-column label="创建者"></el-table-column>
    <el-table-column label="创建日期"></el-table-column>
    <el-table-column label="备注"></el-table-column>
    <el-table-column label="状态"></el-table-column>
    <el-table-column label="操作">
      <el-button type="primary" icon="el-icon-edit" circle></el-button>
  <el-button type="success" icon="el-icon-close" circle></el-button>
  <el-button type="danger" icon="el-icon-delete" circle></el-button>
    </el-table-column>
  </el-table>
  <el-pagination @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page.sync="currentPage"
      :page-sizes="[10, 20, 30, 50]"
      :page-size="pageSize"
      layout=" prev, pager,next, sizes,jumper"
      :total="10" background >
  </el-pagination>

  </div>
</template>

<script>

export default {
  data () {
    return {
      // City: '',
      // cityOptions: null,
      // Area: '',
      // areaOptions: null,
      // status: '',
      currentPage: null,
      pageSize: null
    }
  },
  methods: {
    onSearch () { },
    handleSizeChange (page) {
      console.log(page)
    },
    handleCurrentChange () {}

  }
}
</script>

<style scoped lang='scss'>
.box {
  margin: 20px;
  background-color: #fff;
}
.el-form{
  padding: 15px 0 0 0;
}
.el-form-item{
  margin-left: 30px;
  .el-input{
    width: 100%;
  }
}
::v-deep .element.style {
  width: 100%;
}
::v-deep .el-button--success {
    float: right;
    margin-right: 30px;
}
.el-pagination{
  padding: 10px 0;
  float: right;
}
</style>
